Accessibility
In your web pages, you should make custom interactive controls focusable. For example, if you turn a <div> into a dropdown using JavaScript, this action will not be included in the tab order by default: you must do a manual check to see if all custom controls are keyboard focusable.
Simply press the TAB key: in this way you can navigate through the page and you can check if it's possible or not to reach the interactive controls.
If it's not possible, you should improve the focusability using tabindex.
The custom control element has to be inserted into the natural tab order using tabindex=”0”.
<div tabindex="0">Focus me with the TAB key</div>
Learn more about Accessibility
On page SEO performance and page checkup.
Over 300 parameters for the deeper page analysis.
Share this Guide
Did you like it? Share it!
Web tools for modern developers. Try these one!
Over 50 generators, builders and validators to improve your SEO and web performances
Builders and generators Google
Choose a map theme or build your custom Google map. Customize maps with your own creativity, settings, styles and colors.
Images
Upload yours images and get the color palette. Get color palette for all dominant colors identified in your uploaded image.
Google
Find out how Google calculates your overall Performance score. Drag the cursors to understand what thresholds you must be aiming for achieving a good performance
Tester and validators
Validate your AMP pages with this tool. Test your Accelerated Mobile Pages, get detailed report and optimize performance.
Builders and generators
Layout Grid Calculator: set your grid system, page width, margin, gutter and columns. Design your layout grid system for web pages and print design.
Compressor
JS minifier tool. Optimize and compress your Javascript code, make your website faster and reduce network payload sizes.
Analytics Google Tracking script
Build your Google Campaign Url for better tracking. Add UTM parameters and track Custom Campaigns in Analytics account.
Images Social
Get Vimeo video thumbnails and info dataset. Retrieve Vimeo video image thumbnails, caption, description, user info and stats.